import Header from "../../common/Header";
import Footer from "../../common/Footer";
import "./home.scss";
const Home = () => {
  return (
    <div className="homepage">
      <Header />
      <div className="banner">
        <img
          className="bgcimg"
          src={
            require("../assets/home/113fc13e-cc09-4d17-a615-39878f0eae7b.jpg")
              .default
          }
          alt=""
        />
      </div>
      <div className="homebody">
        <div className="title-group">
          <div className="title">精彩活动</div>
          <a href="/" className="more">
            更多>
          </a>
        </div>
        <div className="content-group">
          <a href="/" className="cat-wrap">
            <img
              className="cat"
              src={require("../assets/home/seckill_v2.jpg").default}
              alt=""
            />
          </a>
          <a href="/" className="cat-wrap">
            <img
              className="cat"
              src={require("../assets/home/sale_v2.jpg").default}
              alt=""
            />
          </a>
          <a href="/" className="cat-wrap">
            <img
              className="cat"
              src={require("../assets/home/supermarket_v2.jpg").default}
              alt=""
            />
          </a>
          <a href="/" className="cat-wrap">
            <img
              className="cat"
              src={require("../assets/home/download.jpg").default}
              alt=""
            />
          </a>
        </div>
        <div className="title-group">
          <div className="title">精彩活动</div>
          <a href="/" className="more">
            更多>
          </a>
        </div>
        <div className="content-group">
          <a className="subject-wrap">
            <img
              src={require("../assets/home/girlclothes.jpg").default}
              alt=""
            />
            <div className="subject">
              <div className="goods-group">
                <div className="goods">
                  <img
                    src={
                      require("../assets/home/c3e66ccf7c97728be336cbeb3113af32.jpeg")
                        .default
                    }
                    alt=""
                    className="img"
                  />
                  <div className="title">
                    高梵轻薄羽绒服女2020年新款短款时尚反季节超薄休闲轻便冬外套潮
                  </div>
                  <div className="price">
                    <span className="group-price">￥93</span>
                    <span className="market-price">￥400</span>
                  </div>
                </div>
                <div className="goods">
                  <img
                    src={
                      require("../assets/home/c3e66ccf7c97728be336cbeb3113af32.jpeg")
                        .default
                    }
                    alt=""
                    className="img"
                  />
                  <div className="title">
                    高梵轻薄羽绒服女2020年新款短款时尚反季节超薄休闲轻便冬外套潮
                  </div>
                  <div className="price">
                    <span className="group-price">￥93</span>
                    <span className="market-price">￥400</span>
                  </div>
                </div>
                <div className="goods">
                  <img
                    src={
                      require("../assets/home/c3e66ccf7c97728be336cbeb3113af32.jpeg")
                        .default
                    }
                    alt=""
                    className="img"
                  />
                  <div className="title">
                    高梵轻薄羽绒服女2020年新款短款时尚反季节超薄休闲轻便冬外套潮
                  </div>
                  <div className="price">
                    <span className="group-price">￥93</span>
                    <span className="market-price">￥400</span>
                  </div>
                </div>
              </div>
            </div>
          </a>

          <a className="subject-wrap">
            <img
              src={require("../assets/home/girlclothes.jpg").default}
              alt=""
            />
            <div className="subject">
              <div className="goods-group">
                <div className="goods">
                  <img
                    src={
                      require("../assets/home/c3e66ccf7c97728be336cbeb3113af32.jpeg")
                        .default
                    }
                    alt=""
                    className="img"
                  />
                  <div className="title">
                    高梵轻薄羽绒服女2020年新款短款时尚反季节超薄休闲轻便冬外套潮
                  </div>
                  <div className="price">
                    <span className="group-price">￥93</span>
                    <span className="market-price">￥400</span>
                  </div>
                </div>
                <div className="goods">
                  <img
                    src={
                      require("../assets/home/c3e66ccf7c97728be336cbeb3113af32.jpeg")
                        .default
                    }
                    alt=""
                    className="img"
                  />
                  <div className="title">
                    高梵轻薄羽绒服女2020年新款短款时尚反季节超薄休闲轻便冬外套潮
                  </div>
                  <div className="price">
                    <span className="group-price">￥93</span>
                    <span className="market-price">￥400</span>
                  </div>
                </div>
                <div className="goods">
                  <img
                    src={
                      require("../assets/home/c3e66ccf7c97728be336cbeb3113af32.jpeg")
                        .default
                    }
                    alt=""
                    className="img"
                  />
                  <div className="title">
                    高梵轻薄羽绒服女2020年新款短款时尚反季节超薄休闲轻便冬外套潮
                  </div>
                  <div className="price">
                    <span className="group-price">￥93</span>
                    <span className="market-price">￥400</span>
                  </div>
                </div>
              </div>
            </div>
          </a>
        </div>
      </div>
      <Footer />
    </div>
  );
};
export default Home;
